<ng-container body-head>
  <div class="profile-body">
    <div class="title">
      <span>内网仓库</span>
      <div>
        <button *ngIf="repoForm.untouched" class="btn btn-sm btn-outline-dark" (click)="sync()">
          立即同步
        </button>
        <ng-container *ngIf="repoForm.touched">
          <button mat-icon-button form="form">
            <mat-icon>check_circle</mat-icon>
          </button>
          <button mat-icon-button>
            <mat-icon>highlight_off</mat-icon>
          </button>
        </ng-container>
      </div>
    </div>
    <form id="form" [formGroup]="repoForm" (ngSubmit)="submit()">
      <div class="row">
        <div class="col-2">内网商店接口地址：</div>
        <div class="column">
          <input
            class="form-control w35"
            formControlName="DeepinAppStoreUrl"
          />
        </div>
      </div>
      <div class="row">
        <div class="col-2">内网商店应用仓库地址：</div>
        <m-iptable-edit class="w35" formControlName="DeepinAppStoreSourceList"></m-iptable-edit>
      </div>
      <div class="row">
        <div class="col-2">内网商店后台地址：</div>
        <input
            class="form-control w35"
            formControlName="DeepinAppStoreBackgroundUrl"
          />
      </div>
      <div class="row">
        <div class="col-2">静态资源地址：</div>
        <input
            class="form-control w35"
            formControlName="DeepinAppStoreIconUrl"
          />
      </div>
    </form>
  </div>
</ng-container>
